<!DOCTYPE html>
<html lang="en">

<head>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1.0, user-scalable=no" name="viewport" />
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <meta charset="utf-8" />
    <title>
        配比页
    </title>
    <link href="css/task4-1.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-3.2.1.min.js">
    </script>
</head>

<body>
    <div>
        <header class="header"> <a href="check.html" class="fa fa-caret-left"></a>
            <p>
                法官日记
            </p>
            <a href="home.html">×</a> </header>
        <main>
            <div class="main">
                <div class="choose">
                    <div class="choose1">平民</div>
                    <div class="choose2">1号</div>
                </div>
            </div>
        </main>
        <footer>
            <div>
                <a href="book.html">开始游戏</a></div>
        </footer>
    </div>
</body>
<script src="js/task4-1.js">
</script>

</html>